<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-AR"><!-- InstanceBegin template="/Templates/tutorial.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>¿A quiénes va dirigido este tutorial? - Prefacio - Tutorial Maquetado HTML</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../css/screen-black-on-white.css" media="screen" title="Negro sobre blanco" />
<link rel="alternate stylesheet" type="text/css" href="../css/screen-white-on-black.css" media="screen" title="Blanco sobre negro" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
<meta name="author" content="Martin Alterisio &lt;malterisio777@gmail.com&gt;" />
<meta name="copyright" content="&copy; Martin Alterisio 2009" />
<link rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/ar/legalcode" />
<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/tutorial.js"></script>
<!-- InstanceBeginEditable name="head" -->
<meta name="date" content="2009-10-30" />
<!-- InstanceEndEditable -->
</head>

<body>
<!-- InstanceBeginEditable name="body" -->
	<div class="navegacion">
		<div>
			<a href="../index.html">Inicio</a>
		</div>
	</div>
	<div id="contenido">
		<h1>Tutorial Maquetado HTML</h1>
		<h2>¿A quienés va dirigido este tutorial?</h2>
		<p>Este tutorial es tanto para quienes están empezando en el diseño y/o desarrollo web como para aquellos que ya tienen experiencia en dicho mercado. Nos vamos a enfocar en la construcción de código <abbr title="HyperText Markup Language">HTML</abbr> y <abbr title="Cascading StyleSheet">CSS</abbr>.</p>
		<ol class="navegacion-contenidos">
			<li><a href="#hace-falta-alguna-herramienta-en-especial">¿Hace falta alguna herramienta en especial?</a></li>
			<li><a href="#hace-falta-saber-programar">¿Hace falta saber programar?</a></li>
			<li><a href="#que-hago-si-no-entiendo-algun-termino">¿Qué hago si no entiendo algún termino que usaste?</a></li>
		</ol>
		<h3 id="hace-falta-alguna-herramienta-en-especial">¿Hace falta alguna herramienta en especial?</h3>
		<p><strong>No</strong>, no hace falta más que un navegador web y un editor de texto plano (ej: notepad). Sin embargo, si tienen a mano un entorno de desarrollo como el Adobe Dreamweaver o el Amaya, les recomiendo usarlo pero sin utilizar el editor visual. Prefiero que se mantengan en la vista de código html ya que la edición visual no siempre resulta en el código que uno espera, y perder este control sobre el código es algo que no me parece bueno. Los entornos de desarrollo, como los mencionados, ofrecen facilidades para la escritura y verificación del código html, esto es sumamente útil y conviene aprovecharlo.</p>
		<p>Esto no significa que vamos a ver cómo usar ninguno de estos entornos de desarrollo, eso queda en ustedes, en leer el manual de dicha herramienta, o quizás para otro tutorial. Tampoco vamos a ver acá como finalmente publicar las páginas html construidas.</p>
		<p>Por último, lo que acá les presento es una forma de pensar, de entender los problemas de la construcción de páginas html, y de concebir formas de atacar dichos problemas de manera objetiva. Para que se entienda esta suerte de <em>paradigma</em>, lo voy a tratar de mostrar resolviendo problemas puntuales, pero lo que quiero dejarles es algo que les ayude a pensar y entender cualquier problema o solución.</p>
		<h3 id="hace-falta-saber-programar">¿Hace falta saber programar?</h3>
		<p><strong>No</strong>, este tutorial es sobre la construcción de páginas html y el uso de hojas de estilo css. No les va a hacer falta saber programar ni se va a ver nada relacionado con programación.</p>
		<h3 id="que-hago-si-no-entiendo-algun-termino">¿Qué hago si no entiendo algún termino que usaste?</h3>
		<p>Espera a que lo explique en detalle más adelante, o buscalo en la Web. Generalmente, cuando introduzca algún termino que va a ser explicado más adelante va estar estilado de manera distinta al resto (en tipografía italica), no hace falta que lo entiendan en ese momento porque probablemente lo vaya explicando más adelante.</p>
	</div>
	<div class="navegacion">
		<a class="siguiente" href="../introduccion-al-maquetado-html/index.html">Siguiente</a>
	</div>
<!-- InstanceEndEditable -->
	<div id="licencia">
		<p>Esta obra está bajo una licencia Reconocimiento-No comercial-Sin obras derivadas 2.5 Argentina de Creative Commons. Para ver una copia de esta licencia, visite <a href="http://creativecommons.org/licenses/by-nc-nd/2.5/ar/">http://creativecommons.org/licenses/by-nc-nd/2.5/ar/</a> o envie una carta a Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.</p>
	</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1794443-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
<!-- InstanceEnd --></html>
